<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="format-detection" content="telephone=no,address=no,email=no">
    <meta name="apple-itunes-app" content="app-id=" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <link rel="apple-touar-icon" sizes="114x114" />
  <title>Vita UI</title>
  <script> 

    // var dpr, rem, scale;
    // var docEl = document.documentElement;
    // var fontEl = document.createElement('style');
    // var metaEl = document.querySelector('meta[name="viewport"]');
    // var win = window;

    // dpr = win.devicePixelRatio || 1;
    // scale = 1 / dpr;
    // rem = docEl.clientWidth * dpr / 10;

    // // 设置viewport，进行缩放，达到高清效果
    // metaEl.setAttribute('content', 'width=' + dpr * docEl.clientWidth + ',initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale + ',user-scalable=no');

    // // 设置data-dpr属性，留作的css hack之用
    // docEl.setAttribute('data-dpr', dpr);

    // // 动态写入样式
    // docEl.firstElementChild.appendChild(fontEl); 
    // fontEl.innerHTML = 'html, body{font-size:' + rem + 'px;}'; 

    // // 给js调用的，某一dpr下rem和px之间的转换函数
    // window.rem2px = function(v) {
    //     v = parseFloat(v);
    //     return v * rem;
    // };
    // window.px2rem = function(v) {
    //     v = parseFloat(v);
    //     return v / rem;
    // };

    // window.dpr = dpr;
    // window.rem = rem;

    (function (doc, win) {
      var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
          var clientWidth = docEl.clientWidth;
          if (!clientWidth) return;
          docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
        };

      if (!doc.addEventListener) return;
      win.addEventListener(resizeEvt, recalc, false);
      doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
    

  
  </script>

</head>

<body class="vita-app">
    <router-view></router-view>
</body>

<!-- <script src="http://localhost:7788/webpack-dev-server.js"></script> -->
<!-- <script src="/static/bundle.js"></script> -->

</html>